<template>
  <div>
    <!-- 可编辑的标题 -->
    <el-form-item label="问题文本">
      <el-input
        v-model="question.text"
        placeholder="请输入问题标题"
        :style="{ width: '100%' }">
      </el-input>
    </el-form-item>

    <!-- 日期选择器 -->
<!--    <el-form-item label="问题回答">-->
<!--      <el-date-picker-->
<!--        v-model="question.selectedDate"-->
<!--        type="date"-->
<!--        placeholder="请选择日期"-->
<!--        :style="{ width: '100%' }">-->
<!--      </el-date-picker>-->
<!--    </el-form-item>-->
  </div>
</template>

<script>
export default {
  name: 'QuestionDate',  // 组件名称
  props: {
    question: {
      type: Object,
      required: true,
      default: () => ({
        text: '请选择日期',
        selectedDate: null,
      }),
    },
  },
  methods: {
    // 题目文本发生改变时
    onTextChange() {
      this.$emit('update-question', this.question);
    },
  },
};
</script>

<style scoped>
/* 你可以根据需要添加自定义样式 */
</style>
